<template>
  <div class="buyNow">
    <div class="header">
      <div class="header-top">
        <div class="navbar">
        <div class="logo">
          <a class="navbar-logo" href="#">
              <img alt="logo" src="../../static/icon/logos.png"> 小微助手
            </a>
        </div>
        <ul>
          <li><router-link to="/Home">首页</router-link></li>
          <li><router-link to="/ProductFunction">产品功能</router-link></li>
          <li><router-link to="/ContactUs">联系我们</router-link></li>
          <li><router-link to="/BuyNow">我也想要</router-link></li>
        </ul>
      </div>
      </div>
    </div>
    <div class="content content-1">
      <h3>购买流程</h3>
      <div class="title-line"></div>
      <p class="gray">小微助手仅支持官方公众号购买，统一售价；如从个人途径购买，请自负其责。购买方式：下图长按识别或扫码，关注公众号，<br>点击购买，付款后开通即可。</p>
      <div class="img-box">
        <img src="../../static/images/weixin.jpg" alt="">
        <p>扫码关注公众号,点击底部购买</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'BuyNow',
  data () {
    return {
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.buyNow .header {
  height: auto;
}
.header-top{
  width: 100%;
  background-color: #3CA297;
}
.banner {
  width: 1000px;
  margin: 0 auto;
}
</style>
